<template>
	<view>
		<uni-card :title="value.title" extra="" >
			<uni-forms-item label="当前金币:" >
				<text class="uni-body" style="line-height: 36px;">{{value.income}}</text>
			</uni-forms-item>
			<uni-forms-item label="新获取金币:" >
				<text class="uni-body" style="line-height: 36px;">{{value.newIncme}}</text>
			</uni-forms-item>
			
	</view>
	 <view>
	    <ad-rewarded-video ref="adRewardedVideo" adpid="1507000689" :preload="false" :loadnext="false" :disabled="true"
	      v-slot:default="{loading, error}" @load="onadload" @close="onadclose" @error="onaderror">
	      <view class="ad-error" v-if="error">{{error}}</view>
	    </ad-rewarded-video>
	    <button type="primary" :disabled="isLoading" :loading="isLoading" @click="showAd">观看广告</button>
	  </view>
</template>

<script>
	 export default {
	    data() {
	      return {
	        isLoading: false,
			value:{
				income:10,
				newIncme:10,
				userId:"",
				title:"当前记录"
				
			}
	      }
	    },
	    onReady() {
	      this.isLoading = true;
	      this.$refs.adRewardedVideo.load();
	    },
	    methods: {
	      showAd() {
	        if (this.isLoading) {
	          return
	        }
	        this.$refs.adRewardedVideo.show();
	      },
	      onadload(e) {
	        this.isLoading = false;
	        console.log('广告数据加载成功');
	      },
	      onadclose(e) {
	        const detail = e.detail
	        // 用户点击了【关闭广告】按钮
	        if (detail && detail.isEnded) {
	          // 正常播放结束
	          console.log("onClose " + detail.isEnded);
	        } else {
	          // 播放中途退出
	          console.log("onClose " + detail.isEnded);
	        }
	        //this.isLoading = true;
	        //this.$refs.adRewardedVideo.load();
	      },
	      onaderror(e) {
	        // 广告加载失败
	        console.log(e.detail);
	        this.isLoading = false;
	      }
	    }
	  }
</script>

<style>
	  .ad-error {
	    color: orangered;
	    margin-top: 5px;
	  }
</style>